<template>
  <div id="page-design-index" ref="pageDesignIndex">
    <div class="top-nav">
      <div class="top-nav-wrap">
        <div class="top-left">
          <div class="name">AI生图</div>
        </div>
        <!-- <HeaderOptions ref="options" v-model="isContinue" @change="optionsChange" /> -->
      </div>
    </div>

    <div class="page-design-index-wrap">
      <ai-content></ai-content>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import AiContent from '@/components/AiContent.vue'

export default defineComponent({ components: { AiContent } })
</script>

<style lang="less" scoped>
@import url('@/assets/styles/design.less');
</style>
<style lang="less" scoped>
.top-left {
  .name {
    width: 180px;
    display: flex;
    align-items: center;
    img {
      height: 30px;
      margin-right: 5px;
    }
  }
}
</style>
